<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="http://pic2.58.com/ui6/my/css/user.css" rel="stylesheet" type="text/css" media="all" />

<link href="http://pic2.58.com/n/pay/css/redmond.datepick.css" rel="stylesheet" type="text/css" media="all" />

<title>余额明细</title>

<script type="text/javascript" src="http://pic2.58.com/n/pay/js/3.js"></script>

<script type="text/javascript" src="http://pic2.58.com/n/pay/js/jquery.min.js"></script>



<script type="text/javascript" src="http://pic2.58.com/n/pay/js/balance.js"></script>

<script type="text/javascript" src="http://pic2.58.com/n/pay/js/jquery.datepick.js"></script>

<script type="text/javascript" src="http://pic2.58.com/n/pay/js/jquery.datepick-zh-cn.js"></script>

<script>
	$(document).ready(function() {

		$("#createTimeFormo").datepick({

			showTrigger : '#adate',

			monthsToShow : 1

		});

	});
</script>

</head>

<body>

	<div id="details" class="clearfix">

		<ul id="details-ul" class="clearfix">

			<li <c:if test="${recordType eq 'balanceCost'}">class="selected"</c:if>><a href="/my/balance/balancecost/sub">余额消费订单</a>
			</li>

			<li <c:if test="${recordType eq 'balanceCrease'}">class="selected"</c:if>><a href="/my/balance/balancecrease/sub">余额增减明细</a>
			</li>

			<li <c:if test="${recordType eq 'balanceFrozen'}">class="selected"</c:if>><a href="/my/balance/balancefrozen/sub">余额冻结明细</a>
			</li>

		</ul>

		<c:if test="${recordType eq 'balanceCost'}">
			<div id="details-con-1" class="details-box clearfix">

				<div class="seadate">

					<form method="post" id="searchForm" action="balanceflow">

						查询日期： <input class="Wdate" type="text" id="createTimeFormo" value="" name="createTimeForm" /> 到 <input class="Wdate" type="text" id="createTimeToo" onmousedown='$("#createTimeToo").datepick();' name="createTimeTo" value="" /> <input type="hidden" value="1" name="type" /> <input
							type="submit" value="查 询" class="btn-v2" name="btnSubmit" id="btnSubmit" />

					</form>

				</div>
				<!--seadate-->

				<div class="line"></div>

				<div style="padding-left: 10px;">
					您还没有使用过余额支付，如果您不知道余额能做什么，请<a href="http://about.58.com/55.html" target="_blank">点击这里</a>查看
				</div>

			</div>
		</c:if>


		<!--余额消费订单-->
		<c:if test="${recordType eq 'balanceCrease'}">
			<div id="details-con-2" class="details-box clearfix">

				<div class="seadate">

					<form method="post" id="searchForm" action="balanceflow">

						查询日期： <input class="Wdate" type="text" id="createTimeForm" onmousedown="$(this).datepick();" value="" name="createTimeForm" /> 到 <input class="Wdate" type="text" id="createTimeTo" onmousedown="$(this).datepick();" name="createTimeTo" value="" /> <label for="all"><input id="all"
							name="sign" type="radio" value="2" checked />全部</label> <label for="add"><input id="add" name="sign" type="radio" value="1" />增加</label> <label for="reduce"><input id="reduce" name="sign" type="radio" value="0" />减少</label> <input type="hidden" value="2" name="type" /> <input type="submit"
							value="查 询" class="btn-v2" name="btnSubmit" id="btnSubmit">
					</form>

				</div>
				<!--seadate-->

				<div class="line"></div>

				<div style="padding-left: 10px;">没有相关明细记录</div>

			</div>
		</c:if>

		<!--余额增减明细-->
		<c:if test="${recordType eq 'balanceFrozen'}">
			<div id="details-con-3" class="details-box clearfix">

				<div class="seadate">

					<form method="post" id="searchForm" action="balanceflow">

						查询日期： <input class="Wdate" type="text" id="createTimeFormBlock" onmousedown="$(this).datepick();" value="" name="createTimeForm" /> 到 <input class="Wdate" type="text" id="createTimeToBlock" onmousedown="$(this).datepick();" name="createTimeTo" value="" /> <label for="all"><input
							id="all" name="blockSign" type="radio" value="2" checked />全部</label> <label for="add"><input id="add" name="blockSign" type="radio" value="0" />冻结</label> <label for="reduce"><input id="reduce" name="blockSign" type="radio" value="1" />解冻</label> <input type="hidden" value="3" name="type" /> <input
							type="submit" value="查 询" class="btn-v2" name="btnSubmit" id="btnSubmit">
					</form>

				</div>
				<!--seadate-->

				<div class="line"></div>

				<div style="padding-left: 10px;">没有相关明细记录</div>



			</div>
		</c:if>

		<!--余额冻结明细-->

	</div>
	<!--details-->



	<script type="text/javascript">
		function show(cur, allnum) {

			var Ul1 = document.getElementById("details-ul"), lis = Ul1
					.getElementsByTagName("li");

			var showDiv = document.getElementById("details-con-" + cur);

			for ( var i = 1; i < allnum + 1; i++) {

				var hiddenDiv = document.getElementById("details-con-" + i);

				hiddenDiv.style.display = "none";

			}

			showDiv.style.display = "block";

			for ( var j = 0; j < lis.length; j++) {

				lis[j].className = "";

			}

			lis[cur - 1].className = "selected";

			return false;

		}

		if (1 == "3")

			show(3, 3);
	</script>



</body>

</html>


